import React from 'react'
import { CalendarOutlined } from '@ant-design/icons';
import css from './index.module.less';

export default function Index(props) {
	const blog = props.data.blog === undefined ? props.data : props.data.blog;
	return (
		<div className={css.content}>
			<img className={css.img}
					 src={blog.img !== null? blog.img :"https://zzzzzzzzzzzzzzzzzzzzzzzzz.oss-cn-hangzhou.aliyuncs.com/QQ%E5%9B%BE%E7%89%87.jpg"}
			/>
			<div className={css.blog}>
				<span className={css.created}><CalendarOutlined/> {blog.created}</span>
				<h4>{blog.title}</h4>
				<span className={css.description}>描述: {blog.description}</span>
			</div>
		</div>
	)
}
